<template>
  <div style="margin: auto;margin-top: -55px">
    <div style="height: 45px;background-color: #02A774;margin-top: 0px">
      <font color="#f0f8ff" size="5px" style="margin: 0 auto;">订单列表</font>
    </div>
    <div style="clear: left;height: 5px">

    </div>
    <div style="float: left;margin-left: 150px" @click="mylogin()">
    </div>
    <div style="height: 70px;background-color: #f9fafc"  class="fixed">
      <div style="float: left;width: 33%" @click="myIndex()">
        <div>
          <el-button type="primary" icon="el-icon-s-home" style="background-color: #f9fafc;color: #66B1FF"></el-button>
        </div>
        <div>
          外卖
        </div>
      </div>
     <!-- <div style="float: left;width: 25%" @click="mySolr()">
        <div>
          <el-button  type="primary" icon="el-icon-search" style="background-color: #f9fafc;color: #66B1FF"></el-button>
        </div>
        <div>
          搜索
        </div>
      </div>-->
      <div style="float: left;width: 33%">
        <div>
          <el-button  type="primary" icon="el-icon-s-order" style="background-color: #f9fafc;color: #66B1FF"></el-button>
        </div>
        <div>
          订单
        </div>
      </div>
      <div style="float: left;width: 33%" @click="my()">
        <div>
          <el-button  type="primary" icon="el-icon-s-custom" style="background-color: #f9fafc;color: #66B1FF"></el-button>
        </div>
        <div>
          我的
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import axios from "axios";

  export default {
    data(){
      return{
        item: "order",
      }
    },
    methods: {
      myIndex(){
        this.$router.push({name: "index"});
      },
      mySolr(){
        this.$router.push({name: "solr"});
      },
      my(){
        this.$router.push({name: "my"});
      },
      mylogin(){
        this.$router.push({name: "mylogin"})
      },
      my(){
        this.$router.push({name:"cart"});
      },
    },
  }
</script>

<style scoped>
  /*将div固定底部  css*/
  .fixed{ position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    height:50px;
    background-color:#000;
    z-index:9999;
  }
</style>
